<div nz-row [nzGutter]="8" class="register">
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group">
    <nz-input [(ngModel)]="phone" name="phone" [nzType]="'number'" [nzPlaceHolder]="'phone'" [nzSize]="'large'"></nz-input>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group">
    <nz-input [(ngModel)]="password" [nzType]="'password'" name="password" [nzPlaceHolder]="'password'" [nzSize]="'large'"></nz-input>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group">
    <nz-input [(ngModel)]="name" name="name" [nzPlaceHolder]="'name'" [nzSize]="'large'"></nz-input>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group">
    <div nz-col [nzSpan]="12">
      <button nz-button (click)="back()">
        <i class="anticon anticon-login"></i>
        <span>Back</span>
      </button>
    </div>
    <div nz-col [nzSpan]="12">
      <button nz-button (click)="Register()">
        <i class="anticon anticon-register"></i>
        <span *ngIf="!loading">Save</span>
        <nz-spin *ngIf="loading"></nz-spin>
      </button>
    </div>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group error" [ngClass]="{ 'success':error ==='注册成功'}">
    {{ error }}
  </div>
</div>